﻿@model ConferenceManagement.Web.Models.ConferenceInfo

@{
    ViewBag.Title = "Create Conference";
    ViewBag.PageType = "page_create-conf";
}

<h1 class="page__head page__wrapper">
    Create conference
</h1>
<div class="page__content">
    <div class="page__wrapper content-main_create-conf">
        @using (Html.BeginForm())
        {
            @Html.ValidationSummary(false)
            <div class="content-main__wrapper">
                <div class="content-main__main">
                    <div class="content-main__header">Owner information</div>
                    <fieldset class="content">
                        <div class="form__fieldset">
                            @Html.LabelFor(model => model.OwnerName, "Name:*")
                            <div class="form__field">
                                @Html.TextBoxFor(model => model.OwnerName)
                            </div>
                        </div>    
                        <div class="form__fieldset">
                            @Html.LabelFor(model => model.OwnerEmail, "Email address:*")
                            <div class="form__field">
                                @Html.TextBoxFor(model => model.OwnerEmail)
                            </div>
                        </div>   
                        <div class="g-clear"></div>
                    </fieldset>
                    
                    <div class="content-main__header">Conference information</div>
                    <fieldset class="content">
                        <div class="form">
                            <div class="form__fieldset">
                                @Html.LabelFor(model => model.Name, "Title:*")
                                <div class="form__field">
                                    @Html.TextBoxFor(model => model.Name)
                                </div>
                            </div>
                            <div class="form__fieldset">
                                @Html.LabelFor(model => model.Tagline, "Tagline:")
                                <div class="form__field">
                                    @Html.TextBoxFor(model => model.Tagline)
                                </div>
                            </div>
                            @*<div class="form__fieldset">
                                <label class="form__label">Event logo:</label>
                                <div class="form__but-box form__but-box_file">
                                    <button class="form__but">Upload</button>
                                </div>
                                <div class="form__field form__field_file">
                                    <div class="form__field_file-input">
                                        <input type="file" size="28" class="inputFile" onchange='document.getElementById("fileName").value=this.value' />
                                    </div>
                                    <input id="fileName" />
                                </div>
                                <div class="form__file-logo">
                                    <img src="tmp/pic_3.jpg" /><span class="form__file-logo__valign"></span>
                                    <span class="form__file-logo__txt">Your logo</span>
                                </div>
                            </div>*@
                            <div class="form__fieldset">
                                @Html.LabelFor(model => model.Slug, "Slug/conference code:*")
                                <div class="form__field">
                                    @Html.TextBoxFor(model => model.Slug)
                                </div>
                            </div>
                            <div class="form__fieldset">
                                @Html.LabelFor(model => model.Location, "Location:*")
                                <div class="form__field">
                                    @Html.TextBoxFor(model => model.Location)
                                </div>
                            </div>
                            <div class="form__fieldset">
                                @Html.LabelFor(model => model.TwitterSearch, "Twitter search:")
                                <div class="form__field">
                                    @Html.TextBoxFor(model => model.TwitterSearch)
                                </div>
                            </div>
                            <div class="form__fieldset form__fieldset_textarea">
                                @Html.LabelFor(model => model.Description, "Description:*")
                                <div class="form__field">
                                    @Html.TextAreaFor(model => model.Description)
                                </div>
                            </div>
                            <div class="g-clear"></div>
                        </div>
                        @*<div class="form form__col3">
                            <div class="form__fieldset">
                                <label class="form__label">Front-page date format:</label>
                                <select>
                                    <option>Apr 20, 15:00</option>
                                    <option>Apr 20, 2012</option>
                                    <option>Apr 20-23, 2012</option>
                                    <option>Apr 20, 3:00 PM</option>
                                </select>
                            </div>
                            <div class="form__fieldset">
                                <label class="form__label">Start date-time:</label>
                                <select>
                                    <option>9:00 AM</option>
                                    <option>10:00 AM</option>
                                    <option>11:00 AM</option>
                                </select>
                            </div>
                            <div class="form__fieldset">
                                <label class="form__label">End date-time:</label>
                                <select>
                                    <option>10:00 AM</option>
                                    <option>11:00 AM</option>
                                    <option>12:00 AM</option>
                                </select>
                            </div>
                            <div class="g-clear"></div>
                        </div>*@
                        <div class="form">
@*                        <div class="form form__col3">
                            <div class="form__fieldset">
                                <label class="form__label">Time zone:</label>
                                <select>
                                    <option>UTC-8</option>
                                    <option>UTC-9</option>
                                    <option>UTC-7</option>
                                </select>
                            </div>*@
                            <div class="form__fieldset">
                                @Html.LabelFor(model => model.StartDate, "Start date:*")
                                @Html.Hidden("StartDate", Model != null ? Model.StartDate.ToString("yyyy/MM/dd") : null, new { @class="inline-datepicker" })
                            </div>
                            <div class="form__fieldset">
                                @Html.LabelFor(model => model.EndDate, "End date:*")
                                @Html.Hidden("EndDate",  Model != null ? Model.EndDate.ToString("yyyy/MM/dd") : null, new { @class="inline-datepicker" })
                            </div>
                            <div class="g-clear"></div>
                        </div>
                    </fieldset>
                    <div class="nav content-main__nav">
                        <button class="nav__right">
                            Save conference
                        </button>
                    </div>
                </div>
            </div>@*
            <div class="content-main__aside">
                <div class="content-main__header"></div>
                
            </div>
            *@<div class="g-clear"></div>
        }
    </div>
</div>